<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/float_grid.css">
  <link rel="stylesheet" href="./css/style.css">

</head>
<body>
  <div class="header"><a href="#">Ghost 开源博客平台</a></div>
  <div class="nav">
    <button></button>
    <ul>
      <li><a class="active" href="#">首页</a></li>
      <li><a href="#">快捷手册</a></li>
      <li><a href="#">关于</a></li>
    </ul>
  </div>
  <div class="body container">
    <div class="row">
      <div class="articles col-md-8">
        <div class="article">
          <div class="article-title">
            <h1><a href="#">全新的 Ghost 文档上线</a></h1>
            <div class="author">作者:<a href="#">王赛</a>• 2018年11月20日</div>
          </div>
          <div class="article-content">我们的整个 Ghost 文档 已经全新改版了！并且添加了一些新的补充，包括使用教程和功能集成。 
            新文档的目标是帮助更多人有效地安装并管理他们发布的内容，并且最大限度地发挥 Ghost 作为一个开源发布平台的灵活性。
            文档的设计和结构已经修订完毕，我们的改进包括 Ghost 安装和设</div>
          <div class="readAll"><a href="#">阅读全文</a></div>
          <div class="article-footer"><i></i></div>
        </div>
        <div class="article">
          <div class="article-title">
            <h1><a href="#">5 年的时间、300 万美元的营收，这是我们创建 Ghost 的过程中学到的一切</a></h1>
            <div class="author">作者:<a href="#">王赛</a>• 2018年11月20日</div>
          </div>
          <div class="article-content">尚未译完，改天再译 原作者：JOHN O'NOLAN, HANNAH WOLFE 上周是 Ghost 从 Kickstarter
             上推广算起的五周年纪念日。 利用这些里程碑来标记重要时刻并反思迄今为止的旅程总是显得很有趣。在上一个四周年纪念日里，
             我谈到了营收里程碑</div>
          <div class="readAll"><a href="#">阅读全文</a></div>
          <div class="article-footer"><i></i></div>
        </div>
        <div class="article">
          <div class="article-title">
            <h1><a href="#">主题模板和博客支持本地化了！</a></h1>
            <div class="author">作者:<a href="#">王赛</a>• 2018年11月20日</div>
          </div>
          <div class="article-content">上周我们 发布 了一个新版本，包含了大家期盼已久的功能：主题模板和网站对本地化的支持。
             这个功能完全是由我们的一个贡献者（Juan）开发的，Ghost 基金提供了支持。 我们已经针对这个功能编写了完整的文档，
             下面就来介绍一下这个功能是如何工作的： 网站本地化 你可以在 Ghos</div>
          <div class="readAll"><a href="#">阅读全文</a></div>
          <div class="article-footer"><i></i></div>
        </div>
        <div class="article">
          <div class="article-title">
            <h1><a href="#">Android 版 Ghost 客户端来了！</a></h1>
            <div class="author">作者:<a href="#">王赛</a>• 2018年11月20日</div>
          </div>
          <div class="article-content">Ghost 从一开始就支持响应式 Web 使用体验，但是我们今天仍然向前迈出了一大步 -- 推出 
            Android 平台原生 APP ！ 我们一直试图为 Ghost 用户构建一个可靠的移动端 Web 体验，但不可避免地，它在它所能做的事
            情上仍然是相当受限的。即便是在 2017 年的
          </div>
          <div class="readAll"><a href="#">阅读全文</a></div>
          <div class="article-footer"><i></i></div>
          <div class="pager">
            <i>‹</i>
            <span>第1页/共9页</span>
            <i>›</i>
          </div>
        </div>  
      </div>
      <div class="col-md-4">
        <div class="statement">
          <h4>声明</h4>
          <p>Ghost 中文版不再继续维护，请去官方下载。</p>
        </div>
        <div class="download">
          <h4>下载 Ghost</h4>
          <a href="#">Ghost 最新版</a>
        </div>
        <div class="tagCloud">
          <h4>标签云</h4>
          <div class="tags">
            <a href="#">客户端</a>
            <a href="#">Android</a>
            <a href="#">jQuery</a>
            <a href="#">Ghost 0.7 版本</a>
            <a href="#">开源</a>
            <a href="#">助手函数</a>
            <a href="#">标签云</a>
            <a href="#">导航</a>
            <a href="#">自定义页面</a>
            <a href="#">静态页面</a>
            <a href="#">Roon.io</a>
            <a href="#">又拍云存储</a>
            <a href="#">上传</a>
            <a href="#">Handlebars</a>
            <a href="#">邮件</a>
            <a href="#">快捷键</a>
            <a href="#">用户指南</a>
            <a href="#">...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class='footer'>
    <div class="container">
      <div class="row">
        <div class=" links col-sm-4">
          <div class="link ">
            <h4>友链</h4>
            <div class="tags">
              <a href="#">Bootstrap中文网</a>
              <a href="#">React</a>
              <a href="#">Vue.js</a>
              <a href="#">Svelte</a>
              <a href="#">Preact</a>
              <a href="#">Babel</a>
              <a href="#">Webpack</a>
              <a href="#">Rollup.js</a>
              <a href="#">Parcel</a>
              <a href="#">Rome.js</a>
              <a href="#">NPM</a>
              <a href="#">Yarn</a>
              <a href="#">Next.js</a>
              <a href="#">Docusaurus</a>
              <a href="#">Gatsby</a>
              <a href="#">Sapper</a>
              <a href="#">MDX</a>
              <a href="#">Redux</a>
              <a href="#">Lodash</a>
              <a href="#">jQuery</a>
              <a href="#">Node.js</a>
              <a href="#">SASS</a>
              <a href="#">WebAssembly</a>
              <a href="#">Markdown</a>
              <a href="#">Hugo</a>
            </div>
          </div>
        </div>
        <div class=" links col-sm-4">
          <div class="link ">
            <h4>标签云</h4>
            <div class="tags">
              <a href="#">Ghost</a>
              <a href="#">新版本发布</a>
              <a href="#">JavaScript</a>
              <a href="#">Promise</a>
              <a href="#">主题</a>
              <a href="#">Node.js</a>
              <a href="#">MySQL</a>
              <a href="#">Nginx</a>
              <a href="#">阿里云服务器</a>
              <a href="#">Ubuntu</a>
              <a href="#">深度玩转 Ghost</a>
              <a href="#">Theme</a>
              <a href="#">助手函数</a>
              <a href="#">Markdown</a>
              <a href="#">反向代理</a>
              <a href="#">...</a>
            </div>
          </div>
        </div>
        <div class=" links col-sm-4">
          <div class="link ">
            <h4>合作伙伴</h4>
          </div>
        </div>      
      </div>
    </div>
  </div>
  <div class="copyright">
    <div>
      Copyright © 
      <a href="#">Ghost中文网</a>
      <span>|</span>
      <a href="#">京ICP备11008151号-11</a>
      <span>|</span>
      京公网安备11010802014853
    </div>
  </div>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    $('.nav button').click(function(){
      $(this).next('ul').slideToggle(300);
    });
    $('.nav ul li a').click(function(){
      $(this).addClass('active').parent('li').siblings('li').children('a').removeClass('active');
    });
  </script>
</body>
</html>